<!--
 * @Author: 张辰龙 zhangchenlong@julimeng.com
 * @Date: 2025-06-03 10:41:13
 * @LastEditors: 张辰龙 zhangchenlong@julimeng.com
 * @LastEditTime: 2025-06-16 11:51:43
 * @FilePath: /zrreportWxMp/pages/index/components/indexImage.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <view class="image-banner">
        <view class="image-banner-left">
            <image src="../../../static/image/indexbannerleft.png" mode="scaleToFill" />
        </view>
        <view class="image-banner-line"> </view>
        <view class="image-banner-right">
            <image src="../../../static/image/indexbannerright.png" mode="scaleToFill" />
        </view>
    </view>
</template>
<script>
export default {
    data() {
        return {};
    },
    methods: {}
};
</script>
<style lang="scss" scoped>
.image-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    // margin-top: 30rpx;
    .image-banner-left {
        width: 171rpx;
        height: 67rpx;

        image {
            width: 100%;
            height: 100%;
        }
    }

    .image-banner-line {
        width: 2rpx;
        height: 68rpx;
        background: #FFFFFF;
        border-radius: 5rpx;
        margin: 0 30rpx;
    }

    .image-banner-right {
        width: 198rpx;
        height: 66rpx;

        image {
            width: 100%;
            height: 100%;
        }
    }
}
</style>